<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="target-densitydpi=device-dpi,width=device-width, initial-scale=1,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<meta content="telephone=no" name="format-detection" />
		<!-- 引入YDUI样式 -->
		<link rel="stylesheet" href="../css/ydui.css" />
		<!--  引入主css-->
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<!-- 引入YDUI自适应解决方案类库 -->
		<script src="../js/ydui.flexible.js"></script>
	</head>

	<body>
		<div class="g-flexview">
			<div class="g-scrollview white">
				<div class="gradients">
					<div class="m-navbar">
						<a href="#" class="navbar-item" style="display: none"><i class="icon-type header-icon white"></i></a>
						<div class="navbar-center">
							<span class="navbar-title">学业水平考-英文</span>
							<span class="navbar-sub-title">上海环境学校</span>
						</div>
					</div>
					<div class="content">
						<div class="content-head">
							<span>Day1</span>
							<div class="center">
								<i></i>
								<a href="javascript:viod">继续</a>
							</div>
							<span class="content-head-right">已开始</span>
						</div>
						<ul class="content-main">
							<li>
								<span>0-0</span>
								<p>今天已学 - 目标</p>
							</li>
							<li>
								<span>0-0</span>
								<p>已学次数 - 总数</p>
							</li>
							<li>
								<span>0-0</span>
								<p>已学天数 - 总数</p>
							</li>
						</ul>
					</div>
				</div>

				<ul class="content2">
					<li>
						<a href="javascript:void">
							<i></i>
							<p>一课一练</p>
						</a>
					</li>
					<li class="center">
						<a href="javascript:void">
							<i class="icon-ct"></i>
							<p>错题集</p>
						</a>
					</li>
					<li>
						<a href="javascript:void">
							<i class="icon-dc"></i>
							<p>单词本</p>
						</a>
					</li>
				</ul>

				<div class="white-wrap">
					<ul class="content3">
						<li>
							<a href="javascript:void">排行榜</a>
						</li>
						<li>
							<a href="javascript:void">今天暂未完成任务</a>
							<span>累计打卡0天</span>
							<span>连续打卡0天</span>
						</li>
						<li>
							<a class="dk" href="javascript:void">打卡</a>
						</li>
					</ul>

					<div class="content4">
						<span>随机单词记忆</span>
						<span class="no-word" style="display: none">暂无发现已学单词</span>
						<span class="word-content">exclaim</span>
						<div>
							<a href="javascript:">查看释义</a>
							<a href="javascript:">换一个</a>
						</div>
					</div>
				</div>

			</div>

			<div class="m-tabbar footer">
				<a href="#" class="tabbar-item tabbar-active">
					<span class="tabbar-icon">
                <i class="icon-home-outline"></i>
            </span>
					<span class="tabbar-txt">首页</span>
				</a>
				<a href="#" class="tabbar-item">
					<span class="tabbar-icon">
                <i class="icon-zk"></i>
            </span>
					<span class="tabbar-txt">自考</span>
				</a>
				<a href="#" class="tabbar-item">
					<span class="tabbar-icon">
                <i class="icon-ks"></i>
            </span>
					<span class="tabbar-txt">考试</span>
				</a>
				<a href="#" class="tabbar-item">
					<span class="tabbar-icon">
                <i class="icon-ucenter-outline"></i>
            </span>
					<span class="tabbar-txt">个人中心</span>
				</a>
			</div>
		</div>
	</body>

</html>